.widget-title button{
	position:absolute;
	right:3px;
	top:0px;
	opacity:.5;
}
.widget-title:hover button{
	opacity:1;
}
.widget-title.sub{
	position:relative;
	height:15px;
}
.widget-title span.abandoned {
	text-decoration: line-through;
}
.goal.expanded .widget-content {
	display:block;
}
.milestone input{
	display:inline-block;
}
.milestone{
	border:1px solid #c8c8c8;
	border-radius:2px;
	margin:4px;
	padding:3px;
	position:relative;
	color:#666666;
	text-align:left;
	background-color:rgb(236, 236, 236);
}
.milestone.complete{
	background-color:rgb(197, 236, 161);
}
.milestone.complete .milestone-description-show{
}
.milestone-description-show{
	padding-right:19px;
}
.milestone input[type=checkbox][name=complete]{
	position:absolute;
	left:0px;
	top:1px;
	width:13px;
	display:inline-block;
	z-index:10;
}
.milestone-date{
	left:5px;
	position:absolute;
	top:3px;
	display:inline-block;
}
.milestone-description{
	margin-left:71px;
	width:188px;
	display:inline-block;
}
.milestone-targetcount, .milestone-actualcount{
	margin-left:2px;
	width:85px;
	display:inline-block;
}
.milestone .fa-pencil{
	position:absolute;
	right:15px;
	top:5px;
	font-size:12px;
	opacity:.6;
	cursor:pointer;
}
.milestone .fa-times{
	position:absolute;
	right:0px;
	top:4px;
	font-size:14px;
	opacity:.6;
	cursor:pointer;
}
.milestone .fa-pencil:hover, .milestone .fa-times:hover{
	opacity:1;
}
.milestone-date-show{
	margin-left:19px;
}
.milestone-date-show.past{
	color:rgb(228, 60, 60);
}
.milestone.complete .milestone-date-show.past{
	color:rgb(157, 157, 157);
}
.milestone-date-show.current{
	font-weight:bold;
	color:rgb(89, 152, 89);
}
/* normal */
.milestone .milestone-date-show, .milestone .milestone-description-show, .milestone .milestone-targetcount-show, .milestone .milestone-actualcount-show, .milestone .fa-pencil, .milestone .fa-times{
	display:block;
}
.milestone .milestone-date-edit, .milestone .milestone-description-edit, .milestone .milestone-targetcount-edit, .milestone .milestone-actualcount-edit, .milestone .milestone-buttons{
	display:none;
}
/* edit */
.milestone.edit .milestone-date-show, .milestone.edit .milestone-description-show, .milestone.edit .milestone-targetcount-show, .milestone.edit .milestone-actualcount-show, .milestone.edit .fa-pencil, .milestone.edit .fa-times{
	display:none;
}		
.milestone.edit .milestone-date-edit, .milestone.edit .milestone-description-edit, .milestone.edit .milestone-targetcount-edit, .milestone.edit .milestone-actualcount-edit, .milestone.edit .milestone-buttons{
	display:block;
}
.milestone input[name=date]{
	width:60px;
}
.milestone-description-edit{
	margin-left:12px;
}
.milestone-targetcount-show, .milestone-actualcount-show{
	margin-left:19px;
}
.milestone input[name=description]{
	width:162px;
}
.milestone input[name=target_count], .milestone input[name=actual_count] {
	width:46px;
}
.milestone-buttons{
	text-align:right;
	height:21px;
}
.milestone-buttons button{
	box-shadow:1px 1px 3px rgb(97, 97, 97);
}
.action input, .action select{
	display:block;
	width:253px;
}
.action{
	border:1px solid #c8c8c8;
	border-radius:2px;
	margin:6px 4px 10px 4px;
	padding:3px;
	position:relative;
	color:#666666;
	text-align:left;
	background-color:rgb(236, 236, 236);
}
.action-name-show{
	text-align:center;
}
.action-milestoneID{
	display:block;
}
.action .fa-pencil{
	position:absolute;
	right:16px;
	top:5px;
	font-size:12px;
	opacity:.6;
	cursor:pointer;
}
.action .fa-times{
	position:absolute;
	right:0px;
	top:4px;
	font-size:14px;
	opacity:.6;
	cursor:pointer;
}
.action .fa-pencil:hover, .action .fa-times:hover{
	opacity:1;
}
.action-milestoneID-show{
	text-align:center;
}
.action-header{
	text-transform:uppercase;
	/*background-color:rgb(219, 124, 124);*/
	background-color:rgb(190, 190, 190);
	text-align:center;
	line-height:14px;
	color:white;
	font-size:11px;
}
.goal_actions_div i{
	color:white;
}
/* normal */
.action .action-name-show, .action .action-milestoneID-show, .action .fa-pencil, .action .fa-times{
	display:block;
}
.action .action-name-edit, .action .action-milestoneID-edit, .action .action-buttons{
	display:none;
}
/* edit */
.action.edit .action-name-show, .action.edit .action-milestoneID-show, .action.edit .fa-pencil, .action.edit .fa-times{
	display:none;
}		
.action.edit .action-name-edit, .action.edit .action-milestoneID-edit, .action.edit .action-buttons{
	display:block;
}
.action-name-edit{
	/* margin-left:23px; */
}
.action input[name=name]{
	width:245px;
}
.action-milestoneID-edit{
}
.action-buttons{
	text-align:right;
	height:23px;
}
.action-buttons button{
	box-shadow:1px 1px 3px rgb(97, 97, 97);
}
.action-workweek-event{
	margin:4px;
	padding:3px;
	position:relative;
	color:#666666;
	text-align:center;
	box-shadow:1px 2px 5px #888888;
}
.action-duration input, .action-duration select{
	width:50px;
}
#add_goal:active{
	margin-bottom:2px;
}
.action_toggle{
	position:absolute;
	left:17px;
	top:2px;
	display:inline-block;
	width:15px;
}
.goal_milestones,.goal_actions_div{
	padding:1px;
	border:1px solid #dddddd;
	border-top:0px;
	margin-left:5px;
	margin-right:5px;
}
input[name=goal_type]{
	margin:0px 2px 1px 11px;
	vertical-align:bottom;
}
.time_frame_header{
	padding:6px 0px;
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
	color:#666666;
	margin:12px -3px 0px -3px !important;
}
.add-button-container{
	text-align:right;
	height:22px;
	margin:2px;
}
.add-button-container button{
	float:none;
	display:inline-block;
}
.add-action-container{
	text-align:right;
	margin:0px 1px;
	height:24px;
}
.widget-title .fa-trophy{
	color:rgb(255, 208, 84);
	position:absolute;
	top:3px;
	right:-1px;
	font-size:14px;
}
.widget-title .fa-frown-o{
	color:rgb(228,73,79);
	font-size:16px;
	line-height:15px;
}
.trophy-case{
	display:inline-block;
	width:19px;
	vertical-align:bottom;
	height:19px;
	border-radius:10px;
	background-color:rgb(107, 210, 65);
	display:none;
	position:relative;
	margin-right:4px;
	margin-bottom:-1px;
	margin-top:-2px;
}
.goal.completed .widget-title{
	background-color:rgb(225, 255, 197);
}
.counter-block{
	height:10px;
	width:7px;
	display:inline-block;
	border:1px solid #bbbbbb;
	margin:0px 0px -2px 3px;
	border-radius:2px;
	border:1px dotted #939393;
}
.counter-block.past{
	background-color:rgb(247, 216, 216);
	border:1px solid #bbbbbb;
}
.counter-block.complete{
	background-color:rgb(197, 236, 161);
	border:1px solid #bbbbbb;
}
.counter-block.current{
	border:1px solid #999999;
	background-color:white;
}
.counter-block.action{
	padding:0px;
	background-color:rgb(224, 224, 224);
	border:1px solid #bbbbbb;
}